<template>
    <div class="System">
        <div class="Breadcrumb">
        <Breadcrumb>
            <BreadcrumbItem to="/">首页</BreadcrumbItem>
            <BreadcrumbItem>系统设置</BreadcrumbItem>
            <BreadcrumbItem>基础设置</BreadcrumbItem>
        </Breadcrumb>
        </div>
       <Tabs type="card">
        <TabPane label="个人信息"><MyInfo></MyInfo></TabPane>
        <TabPane label="标签二">标签二的内容</TabPane>
        <TabPane label="标签三">标签三的内容</TabPane>
    </Tabs>
    </div>
</template>

<script>
//基础设置页面
import MyInfo from './SystemItem/myInfo'

export default {
    name:'System',
    components:{
        MyInfo
    }
}
</script>


<style scoped>
.System{
    padding: 15px;
    float:right;
    width: calc(100% - 350px);
    margin: 30px;
    margin-top: 110px;
    background: #F5F5FA;
    border-radius: 5px;
}
.Breadcrumb{
    background: #ffffff;
    line-height: 30px;
    margin-bottom: 20px;
}
</style>